//渲染函数
function renderer(res){
    let table=$("#table");
    let row=$(".row").remove();

    let data=res.data

    data.forEach(item => {

        let html=`
        <tr class="row">
            <td>${item.id}</td>
            <td>${item.Title}</td>
            <td>${item.Digest}</td>
            <td>${item.Content}</td>
            <td>${item.Classify}</td>
            <td>${item.Author}</td>
            <td>${item.Time}</td>

            <td>
                <input type="button" value="编辑" onclick="edit(${item.id})">&nbsp;
                <input type="button" value="删除" onclick="del(${item.id})">
            </td>
        </tr>
        `
        table.append(html)   
    });

}

//加载即刷新
$(()=>{
    find()
})

//搜索按钮
function find(){
    let keyword=$("#keyword").val();
    console.log(keyword);

    getList(keyword).then(res=>{
        console.log(res);
        renderer(res)
    })
}

//删除按钮
function del(id){
    console.log(id);

    delObj(id).then(res=>{
        console.log(res);

        renderer(res)
    })

}